CSS/HTML

推荐列表 站点导航

当前位置:首页 > 脚本编程 > CSS/HTML >

css背景图片显示不完整怎么办

来源:网络整理  作者:  发布时间:2020-12-16 17:16
css背景图片显示不完整的解决方法:通过background-size属性来控制背景图片的大小,从而达到完全显示背景图片的目的...

css背景图片显示不完整的解决方法:通过background-size属性来控制背景图片的大小,从而达到完全显示背景图片的目的,如【background-size:cover;】。

css背景图片显示不完整怎么办

本文环境:windows10、css3,本文适用于所有品牌的电脑。

解决思路:

通过background-size属性来控制背景图片的大小,从而达到完全显示背景图片的目的。

属性介绍:

background-size属性指定背景图片大小。

(学习视频分享:css视频教程

语法:

background-size: length|percentage|cover|contain;

属性值:

length 设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动)

percentage 将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)"

cover 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。

contain 此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。

举例:

93d337752164bc2b87f57e9ac6fa4ad.png

相关热词: CSS

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/4513.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

css背景图片显示不完整怎么办

2020-12-16 编辑:

css背景图片显示不完整的解决方法:通过background-size属性来控制背景图片的大小,从而达到完全显示背景图片的目的,如【background-size:cover;】。

css背景图片显示不完整怎么办

本文环境:windows10、css3,本文适用于所有品牌的电脑。

解决思路:

通过background-size属性来控制背景图片的大小,从而达到完全显示背景图片的目的。

属性介绍:

background-size属性指定背景图片大小。

(学习视频分享:css视频教程

语法:

background-size: length|percentage|cover|contain;

属性值:

length 设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动)

percentage 将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)"

cover 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。

contain 此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。

举例:

93d337752164bc2b87f57e9ac6fa4ad.png

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/cssm/4513.shtml

相关文章

风云图片

推荐阅读

返回CSS/HTML频道首页